<template>
    <van-nav-bar title="我的页面" fixed></van-nav-bar>
    <div style="height: 45px;"></div>
    <div class="top">
        <p>昵称：{{ store.piniaUser.nickname }}</p>
        <p>手机号：{{ store.piniaUser.username }}</p>
        <p>邮箱：{{ store.piniaUser.email }}</p>
        <p>头像
            <img :src="store.piniaUser.srcimg" alt="" style="width: 100px;height: 100px;">    
        </p>
    </div>
    <!-- 跳转区域单元格 -->
     <van-cell title="购物车" is-link to="/home/cart" />
     <van-cell title="分类" is-link to="/home/cla" />
</template>

<script setup>
import { ref } from 'vue';
import { useCounterStore } from '@/stores/user'
// 在组件内部的任何地方均可以访问变量 `store` ✨
const store = useCounterStore()
console.log(store.piniaUser)
</script>

<style lang="scss" scoped>

</style>